<template>
  <div id="app">
    <h3>这是主页</h3>
    <router-link to="/home">访问Home组件</router-link>
    <router-link to="/first">访问留言板组件</router-link>
    <router-link to="/user">访问用户组件</router-link>
    <hr>
    <!--  内容的显示地址  -->

    <router-view></router-view>
  </div>
</template>

<script>
import First from "./components/First";
import Home from "./components/Home";
import User from "./components/User";
import UserDetail from "./components/UserDetail";

export default {
  name: 'App',
  //将组件注册到根组件中
  components: {
    First: First,
    Home: Home,
    User: User,
    UserDetail: UserDetail,
  }
}
</script>

<style>

</style>
